<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/category.css">
    <script src="/js/jquery-1.11.3.min.js"></script>
    <title>列表页</title>
</head>
<body>
    <header></header>
    <!-- 面包屑导航 -->
    <div class="nav">
        <div class="nav-wrap">
       <!-- 面包屑导航 -->
        </div>
    </div>
    <div class="sort">
        <div class="sort-wrap">
            <!-- 价格 销量 上架时间 -->
        </div>
    </div>
    <div class="contain">
        <div class="contain-wrap">
            <ul class="contain-wrap-shop">
               
            </ul>
            <script type="text/html" id="templateListPage">
                 {{each lists item}}
                 <li>
                    <a href="/html/detail.html?id={{item.id}}" class="shop-name"><img src="{{item.img}}"></a>
                    <p>{{item.title}}</p>
                    <div class="price">￥{{item.price}}</div>
                    <div class="slide-cart">
                     <a href="/html/detail.html?id={{item.id}}" class="add-btn">了解更多</a>
                    </div>
                 </li>
                 {{/each}}
            </script>
        </div>
    </div>
    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/category.js"></script>
</html>